<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.10.2.min.js"></script>
		<style>
			.mess {
				width: 400px;
				background-color: mistyrose;
				border-radius: 10px;
				margin-top: 30px;
				margin: 30px auto;
				height: 150px;
			}
		</style>
		
	</head>
	<body>
		<div class="mess">
		</div>
		<a  id="a1" to="ajax2.jsp">微信</a>
		<a  id="a2" to="ajax3.jsp">通讯录</a>
		<a  id="a3" to="ajax4.jsp">发现</a>
		<a  id="a4" to="ajax5.jsp">我</a>
	</body>
	<script>
	var path = "http://localhost:8080/JQuery_01/";
		$(function(){
			$("a").click(function(){
				var url = $(this).attr("to");
				$(".mess").load(path+url);
			})
			
		})
	</script>
</html>
